<template>
  <div class="back-groun">
    <div class="bac-im">
      <div style="width: 1200px; margin: 0 auto">
        <div class="Interfac-l">
          <span class="Interfac-im"
            ><img src="../../img/jiekou/路径 248.png" alt=""
          /></span>
          接口专区
        </div>
        <div class="Inter">
          <el-button type="warning">搜索</el-button>
        </div>
        <div class="Interfa-r">
          <el-input v-model="input" placeholder="请输入内容"></el-input>
        </div>
      </div>
    </div>
    <div class="back">
      调度文件
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style less scoped>
/* 接口专区搜索 */
.back-groun {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(#f2f8ff, #fff);
  /* background-color: #ccc; */
}
.back {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.bac-im {
  width: 100%;
  height: 100px;
  background-image: url("../../img/shouye/组 267.png");
}
.Interfac-l {
  float: left;
  line-height: 100px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  /* background-color: red; */
}
.Interfac-im {
  display: inline-block;
  width: 30px;
  height: 100%;
  /* background-color: rgb(73, 43, 43); */
}

.Interfa-r {
  width: 289px;
  float: right;
  line-height: 100px;
  /* background-color: red; */
}
.Inter {
  width: 44px;
  float: right;
  line-height: 100px;
}
::v-deep .el-input__inner,
.el-button--small {
  border-radius: 0;
}
/* 接口专区搜索 */
</style>
